<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8" />

        <meta name="viewport" content="width=device-width, initial-scale=1" />

        <meta name="apple-mobile-web-app-capable" content="yes" />

        <meta name="apple-mobile-web-app-status-bar-style" content="black" />

        <title>

        </title>

		
		<link rel="stylesheet"  href="../../../css/themes/default/jquery.mobile.css" />
        <script src="../../../js/jquery.js"></script>
		<script src="../../../js/"></script>

<script>
function showform(id)
{
	
//$("#choix").load(id+".html");

}

</script>
<script>

$(document).bind("pageinit", function()
{
	
		$("#texte").bind("click", function() { 
			/*console.log("dddd");
				alert('');*/
				/*$("#choix").html(' <input name="" type="text" value="" size="" placeholder="question1	" class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">');*/
				//$.mobile.loadPage( "texte.html" );
				$.ajax({ 
			   url:"texte.html",
			   success:function(response){
				   $("#choix").html(response);
					   }
					});
			
				return false; 
		});
		$("#radio").bind("click", function() { 

				$.ajax({ 
			   url:"radio.html",
			   success:function(response){
				        $("#choix").html(response);
				         //event 
					    $("#ajoutradio").bind("click", function() { 
							 $("#options").html(
							 ' <p><input type="radio" name="radio-choice" id="choice1" value="choice1" data-inline="true" data-iconpos="notext"/><input name="input" type="text" value="" size="" placeholder="option1" class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset"></p>'+$("#options").html());
						});
				   
					   }
					});
			
				return false; 
		});
		$("#cocher").bind("click", function() { 

				$.ajax({ 
			   url:"cocher.html",
			   success:function(response){
				   $("#choix").html(response);
				   $("ajoutercocher").bind("click", function() { 
							 $("#optionC").html(
						 '  <p><input type="checkbox" name="" id="choice1" value="choice1" data-inline="true" data-iconpos="notext"/><input name="input" type="text" value="" size="" placeholder="option1" class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset"></p>'+$("#optionC").html());
						});
				   
					   }
					});
			
				return false; 
		});
	$("#liste").bind("click", function() { 

				$.ajax({ 
			   url:"selectionnaire-dans-une-liste.html",
			   success:function(response){
				   $("#choix").html(response);
				    $("#ajoutliste").bind("click", function() { 
						 $("#liste2").html(
						 ' 4. <p><input name="input" type="text" value="" size="" placeholder="option1" class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset"></p>'+$("#liste2").html());
						});
				   
					   }
					});
			
				return false; 
		});
	$("#grille").bind("click", function() { 

				$.ajax({ 
			   url:"grille.html",
			   success:function(response){
				   $("#choix").html(response);
					   }
					});
			
				return false; 
		});
		
		
		
});
</script>


</head> 
<body>
<div data-role="page" id="page">

 <div data-theme="a" data-role="header">
              <h3>  Questionnaire  </h3>
                      <a data-role="button" data-inline="true" data-theme="b" href="questinnaires.html" data-icon="back" data-iconpos="notext" class="ui-btn-left"> Back
                  
                </a>

            </div>
  <div data-role="content">
  
		
        <form>
        
        <p>Intitule de la question :</p>
        <p>
     <input name="" type="text" value="" size="" placeholder="question1	">
        </p>
        <p>question:
   <textarea name="" cols="1" rows="2" placeholder="rediger question"></textarea> 
       </p>
   Type:  <input name="texte" type="button"  id="texte" value="texte" data-inline="true" data-theme="b" >
        <input name="radio" type="button" id="radio" value="radio" data-inline="true" data-theme="b">
        <input name="cocher" type="button" id="cocher"  value="cocher" data-inline="true" data-theme="b">
        <input name="selectionnaire-dans-une-liste" id="liste" type="button"   value="selectionnaire dans une liste" data-inline="true" data-theme="b">
          <input name="grille" type="button" id="grille"  value="grille" data-inline="true" data-theme="b">
      
      
      
      <div id="choix"></div>
        
        </form>

  
  </div>
  <div data-role="footer">
    <h4>Nous contacter </h4>
  </div>
</div> 




</body>
</html>
